<template>
	<view class="banner">
		<swiper circular indicator-dots indicator-color="rgba(255,255,255,0.5)" indicator-active-color="#fff" autoplay>
			<swiper-item v-for="item in list" :key="item._id">
				<!-- <navigator :url="`/pages/classlist/classlist?${item.url}`" class="like"> -->
				<image :src="util.予图片路径(item.图片)" mode="aspectFill"></image>
				<!-- </navigator> -->
			</swiper-item>
		</swiper>
	</view>
</template>

<script setup>
	import * as util from '@/amtf/utils'
	import {
		ref
	} from 'vue'
	const props = defineProps({
		list: {
			type: Array,
			default: []
		}
	})

	const current = ref(0)
	const mode = ref('round')

	const change = (e) => {
		current.value = e.detail.current;
	}
</script>

<style scoped lang="scss">
	.banner {
		width: 750rpx;
		padding: 30rpx 0;

		swiper {
			width: 750rpx;
			height: 340rpx;

			&-item {
				width: 100%;
				height: 100%;
				padding: 0 30rpx;

				image {
					width: 100%;
					height: 100%;
					border-radius: 10rpx;
				}
			}
		}
	}
</style>